<template>
    <!-- 我只是个头 -->
  <div class="back_box">
    <div class="back_arrow" @click="back_one">
      <svg>
        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#arrow-left.6f6409e"></use>
      </svg>
    </div>
    <h3>{{ title }}</h3>
  </div>

</template>

<script>
export default {
  name: 'back_bar',
  props: ['title'],
  data () {
    return {

    };
  },
  mounted () {

  },
  computed: {

  },
  methods: {
    back_one () {
      this.$router.go(-1);
    }
  }
};
</script>

<style lang="less" scoped>
.back_box{
  width:10rem;
  height:1rem;
  line-height:1rem;
  position:fixed;
  background:#0096ff;
  top:0;
  left:0;
  right:0;
  z-index: 999;
  h3{
    line-height: 0.9rem;
    color:#fff;
    width:100%;
    display:block;
    font-size:.52rem;
    text-align:center;
    font-weight: 700;
  }
  div.back_arrow{
    width:1rem;
    height:1rem;
    position:absolute;
    left:0;
    top:0;
    svg{
      width:.6rem;
      height:.6rem;
      position:absolute;
      left:50%;
      top:50%;
      margin-left: -.3rem;
      margin-top: -.3rem;
    }
  }
}
</style>
